:root {
	--color-primary: #7864ff;
	--color-primary-hover: #826eff;
	--color-primary-active: #6e5af5;

	--color-linear-gradient-1: #8a5eff;
	--color-linear-gradient-2: #9d11ff;

	--color-white: #fff;
	--color-black: #000;

	--hover-offset: 10px;
	--group-top: 16px;
	--group-bottom: 8px;

	--bg-header: linear-gradient(180deg, #0b1462, #1b2538);
	--text-header: #ffffff;

	--bg-hover: rgba(255, 255, 255, 0.1);
	--bg-active: rgba(0, 0, 0, 0.1);
	--bg-hover-mask: linear-gradient(0deg, var(--bg-hover), var(--bg-hover));
	--bg-active-mask: linear-gradient(0deg, var(--bg-active), var(--bg-active));

	--text-hover: rgba(255, 255, 255, 0.2);
	--text-active: rgba(0, 0, 0, 0.2);
	--text-hover-mask: linear-gradient(0deg, var(--text-hover), var(--text-hover));
	--text-active-mask: linear-gradient(0deg, var(--text-active), var(--text-active));

}
